<template>
  <div class="register">
    <article class="header">
      <header class="wrapper">
        <a href="/" class="site-logo"></a>
        <div class="login">
          <span class="tip">已有美团账号？</span>
          <a href="" class="btn-login">登录</a>
        </div>
      </header>
    </article>
    <div class="content">
      <div class="regForm">
        <el-form label-width="100px">
          <el-form-item label="手机号">
            <el-input></el-input>
          </el-form-item>
          <div class="verCode">
            <button>免费获取短信动态码</button>
          </div>
          <el-form-item label="短信动态码">
            <el-input></el-input>
          </el-form-item>
          <el-form-item label="创建密码">
            <el-input></el-input>
            <div class="pw-strength">
              <span class="pw-label">弱</span>
              <span class="pw-label">中</span>
              <span class="pw-label .pw-label-s">强</span>
            </div>
          </el-form-item>
          <el-form-item label="确认密码">
            <el-input></el-input>
          </el-form-item>
          <div class="submit">
            <button class="btn">同意以下协议并注册</button>
          </div>
        </el-form>
      </div>
      <div class="term">
        <a href="https://rules-center.meituan.com/rules-detail/4" target="_blank">《美团点评用户服务协议》</a>
        <a href="https://rules-center.meituan.com/rules-detail/2" target="_blank">《美团点评隐私政策》</a>
      </div>
    </div>
    <footer class="footer">
      <p>
        <span>©meituan.com</span>
        <span>京ICP证070791号</span>
        <span>京公网安备11010502025545号</span>
      </p>
    </footer>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {},
  layout: 'blank'
};
</script>
<style lang="scss" >
@import '@/assets/css/register/index.scss'
</style>